<%@ page pageEncoding="utf-8"%>
<%@ page import="com.glodon.paas.document.web.util.SecurityUtils"%>
<%
String email =SecurityUtils.getCurrentUser().getEmail();
String mobile =SecurityUtils.getCurrentUser().getMobile();
String userId = SecurityUtils.getCurrentUser().getId();
String displayName = SecurityUtils.getCurrentUser().getDisplayName();
%>
<div class="glodon_header clearfix" id="glodon_header">
	<div class="Goc_header">
		<div id="notify-wrapper">
			<span id="notify" class=""><span id="notify-msg"></span></span>
		</div>
		<div class="glodon_header_wrap clearfix">
			<div id="headerBar">
				<div class="c_headerBar">
					<ul>
						<li>
						</li>
					</ul>
				</div>
			</div>
			<div class="glodon_header_content">
				<div class="glodon-logo">
					<a href="#" class="brand"/>
					<img src="<%=request.getContextPath()%>/images/logo.png"> </a>
				</div>
				<div id="glodon-app">
					<a><div></div></a>
				</div>
				<div class="divider-header">
				</div> 
				<div id="headerBtn">
					<ul class="fnav" id="fnav"></ul>
					<ul class="cm" id="account-info">
						<li class="divider-header">
						</li>
						<li class="account-info-label">
							<a class="drop-down" id="quota-drop-down">
								 <em class="user-name" title="<%=displayName%>"><%=displayName%></em>
								 <img src="/document/images/person.png" /> 
							</a>
							<div class="fancy-tooltip contextmenu" id="fancy-tooltip">
								<div class="tooltip-body">
									<ul class="fancy-list">
										<li class="user_info">
											<div class="photo"><img title="个人设置" class="avatar-img" alt="用户头像" src="/account/avatar?id=<%=userId%>_38" /></div>
											<div class="attrs">
												<div title="<%=displayName%>" class="member_name">
													<span class="name"><%=displayName%></span>
												</div>
												<div class="nav_wrapper">
													<%if(email != null) {%>
														<span title="<%=email%>">&lt;<%=email%> &gt;</span>
													<%}else if(mobile != null) {%>
														<span title="<%=mobile%>">&lt;<%=mobile%> &gt;</span>
													<%}%>
												</div>
											</div>
										</li>
										<li class="divider"></li>
										<li class="">
											<div class="personal_used"><a><i class="icon-thumbs-up"></i>已使用<span class="usedspace"></span></a></div>
										</li>
										<li class="divider"></li>
										<li class="options">
											<span class="account"><a href="/account"><i class="icon-user"></i>账户</a></span>
										</li>
										<li class="options">
											<span class="account"><a class="feedback"><i class="icon-gift"></i>反馈</a></span>
										</li>
										<li class="options">
											<span class="logout"><a href="${path}/logout"><i class="icon-off"></i>退出</a></span>
										</li>
									</ul>
								</div>
								<div class="tooltip-tail top"></div>
							</div>
						</li>
					</ul>
					<ul id="search_form">
						<li><form><input type=text id="search-input" placeholder="search file"/></form></li>
					</ul>
				</div>
				<script>
					window.glodonPageConfig = {
						userId: "<%=userId%>"
					}
				</script>
			</div>
		</div>
	</div>
</div>
